<template>
	<view class="ov">
		
		<view class="mt70 pd">
			<view class="pr">
				<input type="text" value="" placeholder="请输入好友名称或账号搜索" class="kjjnmxeer" />
				<icon type="search" size="20" class="kkjdeeet" color="#999" />
			</view>
		</view>
		<view class="pr kjhjdeert" :style="{height:hhgbsd+'px'}">
			<scroll-view scroll-y="true" class="h100 " :scroll-into-view="jhbnsd">
				<view class="pd" v-for="(sd,idx) in list" :key="idx" :id="sd.letter">
					<view class="cf fz32">
						{{sd.letter}}
					</view>
					<view class="row sderttr pt20 pm20" v-for="(sf,idx) in sd.data" @tap="jjhssdf(sf)" :key="idx">
						
						<view class="ml30">
							<image :src="'../../../static/img/'+sf.touxiang" class="yj useertty cz"></image>
						</view>
						<view class="cf fz32 pl20">
							{{sf.name}}
						</view>
					</view>
				</view>
			</scroll-view>
			<view class="kjnxeerty">
				<view class="drttsewert" v-for="(sd,idx) in list" :key="idx" @tap="kkjnxert(sd.letter)">
					<text class="cf" v-if="jhbnsd==sd.letter">{{sd.letter}}</text>
					<text class="z9" v-else>{{sd.letter}}</text>
				</view>
			</view>

		</view>
	</view>
</template>
<script>
	import airport from '@/common/airport.js'
	export default {
		data() {
			return {
				list: airport.list,
				jhbnsd: 'A',
				hhgbsd: 0,
				xzsdfd: []
			}
		},
		components: {

		},
		onNavigationBarButtonTap() {
			uni.navigateBack({
				delta:1
			})
		},
		onLoad() {
			let hggsde = uni.getSystemInfoSync().windowHeight
			this.hhgbsd = hggsde - 110
		},
		methods: {
			jjhssdf(sf) {
				if (sf.cls) {
					sf.cls = ''
				} else {
					sf.cls = "act"
				}
				uni.navigateTo({
					url:'./transferer'
				})
			},
			kkjnxert(e) {
				this.jhbnsd = e
			}
		},
		mounted() {}
	}
</script>
<style scoped>

</style>
